<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<!-- 设置字符编码 -->
		<meta charset="UTF-8">
		<!-- 禁止移动端页面缩放 -->
		<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
		<!-- 阻止浏览器缓存页面内容 -->
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=8">
		<meta http-equiv="Expires" content="0">
		<meta http-equiv="Pragma" content="no-cache">
		<meta http-equiv="Cache-control" content="no-cache">
		<meta http-equiv="Cache" content="no-cache">
		<title></title>
		<link rel="stylesheet" href="/stylesheets/root.css">
		<link rel="stylesheet" href="/stylesheets/main_bottom_line.css">
		<link rel="stylesheet" href="/stylesheets_copy/activity.css" />
	</head>
	<body>
		<!-- 顶部栏组件 -->

		<div id="top">
			<h4>活动</h4>
		</div>

		<div id="centen">
			<img id="activty_img" src="/images/activity/img01.png" alt="" />
			<div id="activity_box">
				<p class="activity_text">新生迎新活动</p>
				<div id="activity_box_time">
					<p id="activity_time">活动时间：2022年9月17日晚19：00-22：00</p>
				</div>
			</div>
			<div id="activity_box_ing">
				<button id="activity_button">暂未开始</button>
			</div>
		</div>
		<div id="centen">
			<img id="activty_img" src="/images/activity/img01.png" alt="" />
			<div id="activity_box">
				<p class="activity_text">新生迎新活动</p>
				<div id="activity_box_time">
					<p id="activity_time">活动时间：2022年9月17日晚19：00-22：00</p>
				</div>
			</div>
			<div id="activity_box_ing">
				<button id="activity_button">开始报名</button>
			</div>
		</div>

		<!-- 底部导航栏 -->
		<div class="bottom-line">
			<div class="bottom-line-box">
				<div class="page-main-page" data-jumpUrl="/main.html">
					<img src="/images/main/shouye.png" alt="">
					<p class="button_text">首页</p>
				</div>
				<div class="page-activity-page" data-jumpUrl="/webpage_copy/activity.html">
					<img src="/images/main/huodong.png" alt="">
					<p class="button_text">活动</p>
				</div>
				<div class="add-btn" data-jumpUrl="/forum/forum-edit.html">
					<img src="/images/main/jiahao.png" alt="">
				</div>
				<div class="page-message-page" data-jumpUrl="/webpage_copy/massage/list_massage.html">
					<img src="/images/main/xinxi.png" alt="">
					<p class="button_text">消息</p>
				</div>
				<div class="page-self-page" data-jumpUrl="/webpage_copy/my/my-updates.html">
					<img src="/images/main/wode.png" alt="">
					<p class="button_text">我的</p>
				</div>
			</div>
		</div>
		<script>
			// 本脚本的功能是使底部导航栏点击跳转链接可以生效
			const box = document.querySelector('.bottom-line-box');
			for (let i = 0; i < box.children.length; i++) {
				let tmp = box.children[i];
				console.log(tmp.dataset.jumpurl);
				if (tmp.dataset.jumpurl != "") {
					let jmp_a = document.createElement('a');
					jmp_a.href = tmp.dataset.jumpurl;
					tmp.addEventListener('click', () => {
						console.log(jmp_a);
						jmp_a.click();
					});
				}
			}
		</script>
	</body>
</html>